import withWidth, { isWidthDown } from 'material-ui/utils/withWidth';

function HiddenJs(props: Props) {
  const {
    children,
    width,
    ...other
  } = props;

  if (isWidthDown('md', width)) {
    return null
  }

  return children;
}

export default withWidth()(HiddenJs);

const styles = theme => ({
  root: {
    [theme.breakpoints.down('md')]: {
      backgroundColor: 'blue',
    },
  },
});